<template>
  <div class="info-content">
    <div class="page-main-title">
      车场信息
      <div class="actions">
        <router-link
          :to="{
                  name: 'editParkinglotInfo',
                  query: $route.query
                }"
          v-if="isPermmited('PARK:CONFIG:MANAGE:PARK_BASE:UPDATE')"
        >编辑</router-link>
      </div>
    </div>
    <div
      class="info-main-content"
      v-if="parkInfo"
    >
      <el-form
        label-width="140px"
        size="small"
        class="zb-form"
        label-position="left"
      >

        <el-form-item
          label="停车场名称"
          prop="name"
          placeholder="请填写停车场名称"
        >
          {{parkInfo.parkBaseInfo.name}}
          <a
            :href="parkInfo.agreementPath"
            class="demo-icon"
            v-if="parkInfo.agreementPath"
          >查看协议</a>
        </el-form-item>

        <el-form-item label="停车场图片">
          <img :src="parkInfo.parkBaseInfo.picPath" />
        </el-form-item>

        <el-form-item label="停车场区域">
          {{parkInfo.parkBaseInfo.areaName}}
        </el-form-item>

        <el-form-item label="停车场详细地址">
          {{parkInfo.parkBaseInfo.address}}
        </el-form-item>

        <el-form-item
          label="车场经纬度"
          class="map-form-item"
        >
          {{parkInfo.parkBaseInfo.gpsX}},{{parkInfo.parkBaseInfo.gpsY}}
        </el-form-item>

        <el-form-item label="总车位数">
          {{parkInfo.parkBaseInfo.slotsNumber}}
        </el-form-item>

        <el-form-item label="临停车位数">
          {{parkInfo.parkBaseInfo.tempCarports}}
        </el-form-item>

        <el-form-item label="固定车位数">
          {{parkInfo.parkBaseInfo.fixNumber}}
        </el-form-item>

        <el-form-item label="车场负责人">
          {{parkInfo.parkBaseInfo.parkingSupervisor}}
        </el-form-item>

        <el-form-item label="负责人手机号码">
          {{parkInfo.parkBaseInfo.parkingSupervisorPhone}}
        </el-form-item>

        <el-form-item label="停车场类型">
          <span v-if="parkInfo.parkBaseInfo.parkType == 0">商场</span>
          <span v-if="parkInfo.parkBaseInfo.parkType == 1">住宅</span>
          <span v-if="parkInfo.parkBaseInfo.parkType == 2">商住一体</span>
          <span v-if="parkInfo.parkBaseInfo.parkType == 3">医院及枢纽</span>
          <span v-if="parkInfo.parkBaseInfo.parkType == 4">写字楼</span>
          <span v-if="parkInfo.parkBaseInfo.parkType == 5">社会公共</span>
          <span v-if="parkInfo.parkBaseInfo.parkType == 6">其它</span>
          <span v-if="parkInfo.parkBaseInfo.parkType == 7">住宅写字楼</span>
          <span v-if="parkInfo.parkBaseInfo.parkType == 8">商场写字楼</span>
        </el-form-item>

        <el-form-item
          label="默认车牌简称"
          class="short-input"
          v-if="parkInfo.defaultProvince"
        >
          {{parkInfo.defaultProvince}}
        </el-form-item>

      </el-form>
    </div>
  </div>
</template>

<script>
import pageScript from "./index.js";
export default pageScript;
</script>

<style lang="less" scoped>
@import "./index.less";
.download_link {
  color: @blue;
}
</style>
